import { patient_berg_info } from '@/services/patient';
import { ProDescriptions } from '@ant-design/pro-components';
import { Divider, Modal, Radio, Spin, Typography } from 'antd'
import React, { useEffect, useState } from 'react'
import './Berg.less'
const { Title } = Typography;

interface Iprops {
    isShowBergOnline: (show: boolean) => void;
    onlineBergModalOpen: boolean;
    onlineId: number | undefined;
}
const OnlineBergInfo = (props: Iprops) => {
    const { isShowBergOnline, onlineBergModalOpen, onlineId } = props
    // 存储评估详情
    const [BergInfo, setBergInfo] = useState<any>(undefined);
    // 评估内容
    const [content, setcontent] = useState<any>(undefined);
    // 页面初始化
    useEffect(() => {
        // 获取平衡评估详情
        const getData = async () => {
            if (onlineId) {
                let res: any = await patient_berg_info({ id: onlineId });
                console.log('平衡评估详情', res);
                if (res.code == 200) {
                    setBergInfo(res.data);
                    console.log('平衡评估', res.data.content, JSON.parse(res.data.content));
                    setcontent(JSON.parse(res.data.content));
                }
            }
        };
        getData();
    }, [])

    // 评估详情
    const get_oldinfo = async () => {
        return {
            data: BergInfo,
        };
    };
    return (
        <Modal
            title="平衡评估详情"
            open={onlineBergModalOpen}
            onCancel={() => isShowBergOnline(false)}
            footer={null}
            width={1500}
        >
            <Divider />
            <Typography>
                {/* 评估详情 */}
                {BergInfo === undefined ? (
                    <div
                        style={{
                            margin: '20px 0',
                            marginBottom: '20px',
                            padding: '30px 50px',
                            textAlign: 'center',
                        }}
                    >
                        <Spin size="large" />
                    </div>
                ) :
                    <>
                        <ProDescriptions
                            column={3}
                            request={async (params) => get_oldinfo()}
                            columns={[
                                {
                                    title: '评估时间',
                                    key: 'create_time',
                                    dataIndex: 'create_time',
                                },
                                {
                                    title: '评估驿站',
                                    key: 'poststation_name',
                                    dataIndex: 'poststation_name',
                                },
                                {
                                    title: '评估结果',
                                    key: 'results',
                                    dataIndex: 'results',
                                },
                            ]}
                        ></ProDescriptions>
                        <Title level={5}>Berg平衡量表</Title>
                        <div style={{ display: 'flex', flexWrap: 'wrap' }}>
                            <div className="question_item">
                                <div className="question_title">由坐位到站位</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_1 || content.question_1 == 0 ? content.question_1 : ""}>
                                        <Radio value={'4'} key={4}>
                                            能够站立，无需用手可维持平衡
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            能够站立，用手可以维持平衡
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            能够站立，用手可以维持平衡，但要尝试数次
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            站立或维持稳定需要少量的辅助
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            站立需要中等到很多的辅助
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">无扶持站立</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_2 || content.question_2 == 0 ? content.question_2 : ""}>
                                        <Radio value={'4'} key={4}>
                                            能够站立2min
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            能够站立2min,需要监护
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            能够站立30s,不需扶持
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            能够站立30s,不需扶持，需要几次尝试
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            无辅助，不能站立30s
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">无扶持坐位，双脚落地</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_3 || content.question_3 == 0 ? content.question_3 : ""}>
                                        <Radio value={'4'} key={4}>
                                            能够坐2min
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            能够坐2min,监护下
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            能够坐30s
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            能够坐10s
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            能够坐10s,需扶持
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">由站位到坐位</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_4 || content.question_4 == 0 ? content.question_4 : ''}>
                                        <Radio value={'4'} key={4}>
                                            维持平稳坐位，基本不用手扶持
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            需用手控制下滑
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            用腿的背侧抵住椅子以控制下滑
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            可独立坐位但不能控制下滑
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            坐位需要辅助
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">位置移动</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_5 || content.question_5 == 0 ? content.question_5 : ""}>
                                        <Radio value={'4'} key={4}>
                                            位置移动较少用手
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            位置移动必须用手
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            位置移动需言语提示或监护
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            需要1人辅助
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            需要2人监护或辅助
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">无扶持站立，闭眼</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_6 || content.question_6 == 0 ? content.question_6 : ""}>
                                        <Radio value={'4'} key={4}>
                                            能够站立10s
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            能够站立10s,监护下
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            能够站立3s
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            闭眼不能坚持3s,但可站稳
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            需帮助防止跌倒
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">双足并拢站立不需扶持</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_7 || content.question_7 == 0 ? content.question_7 : ""}>
                                        <Radio value={'4'} key={4}>
                                            可双足并拢站立1min
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            双足并拢站立1min,需监护
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            双足并拢站立不能坚持30s
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            到站位需要帮助，但双足并拢可站立15s
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            到站位需要帮助，但双足并拢站立不足15s
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">手臂前伸</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_8 || content.question_8 == 0 ? content.question_8 : ""}>
                                        <Radio value={'4'} key={4}>
                                            可前伸10cm
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            可前伸5cm
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            可前伸超过2cm
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            前伸，需要监护
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            需帮助避免跌倒
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">自地面拾物</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_9 || content.question_9 == 0 ? content.question_9 : ""}>
                                        <Radio value={'4'} key={4}>
                                            可轻松拾起
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            可拾起，需要监护
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            不能拾起，差2.54-5.08cm(1-2英寸).可保持平衡
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            不能拾起，尝试时需监护
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            不能尝试/需要辅助避免跌倒
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">躯干不动，转头左右后顾</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_10 || content.question_10 == 0 ? content.question_10 : ""}>
                                        <Radio value={'4'} key={4}>
                                            左右后顾时重心移动平稳
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            只能一侧后顾，另一侧有少量重心移动
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            只能转到侧面，但可维持平衡
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            转头时需要监护
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            需要辅助避免跌倒
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">转身360度</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_11 || content.question_11 == 0 ? content.question_11 : ""}>
                                        <Radio value={'4'} key={4}>
                                            双侧都可在4s内完成
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            一侧可在4s内完成
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            能完成转身，但速度慢
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            转身时需密切监护或言语提示
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            转身时需要辅助
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">计数脚底接触板凳的次数</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_12 || content.question_12 == 0 ? content.question_12 : ""}>
                                        <Radio value={'4'} key={4}>
                                            可独自站立，20s内踏8次
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            可独自站立，踏8次超过20s
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            监护下，无辅助可踏4次
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            最简单的辅助可踏2次
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            需要辅助才能避免跌倒，不能尝试踏凳
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">无扶持站立，一只脚在前</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_13 || content.question_13 == 0 ? content.question_13 : ""}>
                                        <Radio value={'4'} key={4}>
                                            站立或迈步失衡
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            迈步需要帮助，坚持15s
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            可迈小步后独立坚持30s
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            迈步需要帮助，坚持15s
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            站立或迈步失衡
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                            <div className="question_item">
                                <div className="question_title">单腿站立</div>
                                <div className="question_answer">
                                    <Radio.Group value={content.question_14 || content.question_14 == 0 ? content.question_14 : ""}>
                                        <Radio value={'4'} key={4}>
                                            可抬腿，坚持超过10s
                                        </Radio>
                                        <Radio value={'3'} key={3}>
                                            可抬腿5-10s
                                        </Radio>
                                        <Radio value={'2'} key={2}>
                                            可抬腿超过3s
                                        </Radio>
                                        <Radio value={'1'} key={1}>
                                            尝试抬腿，不能坚持3s,但可独自站立
                                        </Radio>
                                        <Radio value={'0'} key={0}>
                                            不能尝试/需要辅助避免跌倒
                                        </Radio>
                                    </Radio.Group>
                                </div>
                            </div>
                        </div>
                    </>}
            </Typography>
        </Modal>
    )
}
export default OnlineBergInfo